<%@taglib prefix="s" uri="/struts-tags"%> 
<%@page import="pe.com.bbva.util.Constantes"%>
<s:form action="findAllReporteContableCorto" id="consultaReporteContableForm"
	theme="simple" method="POST" enctype="multipart/form-data">
	<table width="100%">
		<tr>
		<td>
			<table width="100%">
			<tr>
				<td>
				<div id="pageTitle">Reporte Contable</div>
				</td>
			</tr>
			<tr>
				<td>
				<table width="100%">
					<tr>
						<td>
							&nbsp;&nbsp;&nbsp;
							<s:submit value="Exportar Reporte" id="btnExportar" theme="simple"
							cssClass="ui-button ui-widget ui-state-default ui-corner-all"
							action="exportarReporteContable" /> 
						</td>
						<td>
							&nbsp;&nbsp;&nbsp;
							<s:submit value="Guardar Reporte en Historicos" id="btnGuardar" theme="simple"
							cssClass="ui-button ui-widget ui-state-default ui-corner-all"
							action="guardarHistorico" /> 
						</td>
						<td>&nbsp;&nbsp;&nbsp;</td>
						<td align="center">
							<div >
							<fieldset class="fontfieldset">
							<legend class="fontlegend">Reporte Historicos Guardados</legend>
								<table>
								<tr>
								<td class="label" align="left" >Fecha del Reporte:</td>
								<td>
									<s:select
									list="listFechasHistoricas" listKey="value" listValue="label"  theme="simple"
									id="cFechaHistorico"
									onchange="cargarHistorico()" 
									name="fechaHistorico" /> 
								</td>							
								</tr>
								</table>
							</fieldset>
							</div>
						</td>
					</tr>				
					
				</table>
				</td>
			</tr>
			</table>
		</td>
		</tr>
		<tr>
			<td>
			<table width="100%">
				<tr>
					<td align="center">
						<fieldset class="fontfieldset">
						<legend class="fontlegend">Adeudado Corto Plazo</legend>
						<table id="dataTableCorto" width="100%"></table>
						 <div id="tablePagerCorto"></div>
						 </fieldset>
					</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td align="center">
						<fieldset class="fontfieldset">
						<legend class="fontlegend">Adeudado Largo Plazo</legend>
						<table id="dataTableLargo" width="100%"></table>
			 			<div id="tablePagerLargo"></div>
			 			</fieldset>
					</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td align="center">
						<fieldset class="fontfieldset">
						<legend class="fontlegend">Diferencia de Saldos</legend>
						<table id="dataTableDif" width="100%"></table>
			 			<div id="tablePagerDif"></div>
			 			</fieldset>
					</td>
				</tr>
			</table>
			</td>
		</tr>
	</table>
</s:form>

 
<script language="JavaScript" type="text/javascript">
	$(document).ready(function() {
		$("#consultaReporteContableForm").validationEngine();
   	   	$("thead tr th").attr("class","standardTable_Header_footer");
	   	$("caption").attr("class","standardTable_Header_footer caption");
	   	$("#btnLimpiar").click(function(){
    			limpiarForm();
    	});
    	
    	    jQuery("#dataTableCorto").jqGrid({
		   	url:'./findAllReporteContableCorto.do',
			datatype: "json",
		   	colNames:['ID','Nombre Producto','Moneda','Cuenta Contable','Tramo Concesional','Tramo No Concesional','Total Cuenta'],
		   	colModel:[
		   		{name:'id',index:'id',hidden:true},
		   		{name:'nombreProducto',index:'nombreProducto', width:200,align:"left"},
		   		{name:'moneda',index:'moneda', width:100,align:"center"},
		   		{name:'cuentaContable',index:'cuentaContable', width:150,align:"center"},
		   		{name:'capitalConcesionalConvert',index:'capitalConcesionalConvert', width:150,align:"right"},
		   		{name:'capitalNoConcesionalConvert',index:'capitalNoConcesionalConvert', width:150,align:"right"},
		   		{name:'capitalTotalConvert',index:'capitalTotalConvert', width:150,align:"right"}
		   	],
		   	rowNum:10,
		   	altRows : true,
			altclass : 'myAltRowClass',
		    width: 900,
		   	rowList:[10,25,50],
		   	pager: '#tablePagerCorto',
		   	sortname: 'id',
		    viewrecords: true,
		    sortorder: "desc",
		    caption:"Adeudado a Corto Plazo",
		    jsonReader : {
		      root:"dataModel",
		      repeatitems: false
		   },beforeRequest: function(){
		   		var _page=$(this).jqGrid('getGridParam', 'page');
		   		
		   		if(_page!=1){
					var _url=$(this).jqGrid('getGridParam', 'url');
					var _idx=_url.indexOf('?');
					
			 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
				}
				
		   }
		});

		
		jQuery("#dataTableLargo").jqGrid({
		   	url:'./findAllReporteContableLargo.do',
			datatype: "json",
		   	colNames:['ID','Nombre Producto','Moneda','Cuenta Contable','Tramo Concesional','Tramo No Concesional','Total Cuenta'],
		   	colModel:[
		   		{name:'id',index:'id',hidden:true},
		   		{name:'nombreProducto',index:'nombreProducto', width:200,align:"left"},
		   		{name:'moneda',index:'moneda', width:100,align:"center"},
		   		{name:'cuentaContable',index:'cuentaContable', width:150,align:"center"},
		   		{name:'capitalConcesionalConvert',index:'capitalConcesionalConvert', width:150,align:"right"},
		   		{name:'capitalNoConcesionalConvert',index:'capitalNoConcesionalConvert', width:150,align:"right"},
		   		{name:'capitalTotalConvert',index:'capitalTotalConvert', width:150,align:"right"}
		   	],
		   	rowNum:10,
		   	altRows : true,
			altclass : 'myAltRowClass',
		    width: 900,
		   	rowList:[10,25,50],
		   	pager: '#tablePagerLargo',
		   	sortname: 'id',
		    viewrecords: true,
		    sortorder: "desc",
		    caption:"Adeudado a Largo Plazo",
		    jsonReader : {
		      root:"dataModel",
		      repeatitems: false
		   },beforeRequest: function(){
		   		var _page=$(this).jqGrid('getGridParam', 'page');
		   		
		   		if(_page!=1){
					var _url=$(this).jqGrid('getGridParam', 'url');
					var _idx=_url.indexOf('?');
					
			 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
				}
				
		   }
		});
		
		jQuery("#dataTableDif").jqGrid({
		   	url:'./findAllReporteContableDiferencias.do',
			datatype: "json",
		   	colNames:['ID','Nombre Producto','Moneda','Total Saldo'],
		   	colModel:[
		   		{name:'id',index:'id',hidden:true},
		   		{name:'nombreProducto',index:'nombreProducto', width:200,align:"left"},
		   		{name:'moneda',index:'moneda', width:100,align:"center"},
		   		{name:'capitalTotalConvert',index:'capitalTotalConvert', width:150,align:"right"}
		   	],
		   	rowNum:10,
		   	altRows : true,
			altclass : 'myAltRowClass',
		    width: 900,
		   	rowList:[10,25,50],
		   	pager: '#tablePagerDif',
		   	sortname: 'id',
		    viewrecords: true,
		    sortorder: "desc",
		    caption:"Diferencia de Saldos",
		    jsonReader : {
		      root:"dataModel",
		      repeatitems: false
		   },beforeRequest: function(){
		   		var _page=$(this).jqGrid('getGridParam', 'page');
		   		
		   		if(_page!=1){
					var _url=$(this).jqGrid('getGridParam', 'url');
					var _idx=_url.indexOf('?');
					
			 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
				}
				
		   }
		});

	});
	function cargarHistorico(){
		$("#consultaReporteContableForm").attr("action","./cargarHistorico.do");
		$("#consultaReporteContableForm").submit();
	} 
</script>


